    <!DOCTYPE html>
        <%@ page contentType="text/html;charset=UTF-8" language="java" %>
        <html>
        <head>
        <meta charset="UTF-8">
        <title>家具生产流程</title>
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
        <style>
        .process-card {
        height: 90px;
        width: 140px;
        text-align: center;
        padding-top: 30px;
        }
        #ds{
        margin-top: 10px;

        }
        #dm{
        margin-top: 10px;
        }
        #dc{
        margin-top: 10px;
        }
        .col-md-4 {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        border: 1px solid #ccc;
        }

        </style>
        </head>
        <body>

        <div class="container">
        <div class="row">
        <div class="col-md-4">
        <div class="card process-card" id="ds">
        <h6>设计  <i class="fa-solid fa-arrow-right fa-beat-fade"></i></h6>
        </div>
        </div>
        <div class="col-md-4" >
        <div class="card process-card" id="dm">
        <h6>木材选择  <i class="fa-solid fa-arrow-right fa-beat-fade"></i></h6>
        </div>
        </div>
        <div class="col-md-4">
        <div class="card process-card" id="dc">
        <h6>木材检测</h6>
        <i class="fa-solid fa-arrow-down fa-beat-fade"></i>
        </div>
        </div>
        </div>
        <div class="row mt-4">
        <div class="col-md-4">
        <div class="card process-card">
        <h6>喷漆(底漆)</h6>
        <i class="fa-solid fa-arrow-down fa-beat-fade"></i>
        </div>
        </div>
        <div class="col-md-4">
        <div class="card process-card">

        <h6><i class="fa-solid fa-arrow-left fa-beat-fade"></i>  打磨</h6>
        </div>
        </div>
        <div class="col-md-4">
        <div class="card process-card">

        <h6> <i class="fa-solid fa-arrow-left fa-beat-fade"></i>  开料</h6>
        </div>
        </div>
        </div>
        <div class="row mt-4">
        <div class="col-md-4">
        <div class="card process-card">
        <h6>修色(对比样品颜色)  <i class="fa-solid fa-arrow-right fa-beat-fade"></i></h6>
        </div>
        </div>
        <div class="col-md-4">
        <div class="card process-card">
        <h6>清灰面漆  <i class="fa-solid fa-arrow-right fa-beat-fade"></i></h6>
        </div>
        </div>
        <div class=" col-md-4">
        <div class="card process-card">
        <h6>人工检验</h6>
        <i class="fa-solid fa-arrow-down fa-beat-fade"></i>
        </div>
        </div>
        </div>
        <div class="row mt-4">
        <div class="col-md-4">
        <div class="card process-card">
        <h6>吹尘打包</h6>
        </div>
        </div>
        <div class="col-md-4">
        <div class="card process-card">
        <h6>入库</h6>
        </div>
        </div>
        </div>
        </div>

        <script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/popper.js/1.14.7/umd/popper.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
        <script src="https://kit.fontawesome.com/5da192a7d1.js" crossorigin="anonymous"></script>
        </body>
        </html>